<!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

	<title>CoDoodler</title>
	<meta name="description" content="Draw">
	<meta name="author" content="Tomomi Imura  @girlie_mac">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="css/style.css">
</head>

<body class="alt2">
	<header>
		<div class="bubble">
			<span id="occupancy">0</span>
			<span id="unit">doodler</span>
		</div>
	</header>

	<section id="main">
		<canvas id="drawCanvas" width="300" height="300"></canvas>

		<section id="colorSwatch">
			<input type="radio" name="color" id="color01" data-color="gold" checked><label for="color01"></label> 
			<input type="radio" name="color" id="color02" data-color="darkorange">	<label for="color02"></label>  
			<input type="radio" name="color" id="color03" data-color="navy">		<label for="color03"></label>  
			<input type="radio" name="color" id="color04" data-color="yellowgreen">	<label for="color04"></label>  
			<input type="radio" name="color" id="color05" data-color="firebrick">	<label for="color05"></label>  
			<input type="radio" name="color" id="color06" data-color="powderblue">	<label for="color06"></label> 
		</section>
	</section>

	<script>
		var drawHistory = true;
	</script>

	<script src="http://cdn.pubnub.com/pubnub.min.js"></script>
	<script src="js/app.min.js"></script>
	
</body>
</html>